// PostButton.js
import React from 'react';
import './PostButton.css';  // 为按钮的样式创建单独的CSS文件
import { ReactComponent as EssayIcon } from '../assets/icons/essay.svg';
import { ReactComponent as PictureIcon } from '../assets/icons/picture.svg';


const PostButton = ({ onClick }) => {
  return (
    <div className="post-button-container">
      <button className="post-button" onClick={onClick}>
        <div className='post-button-text-container'>
          <span className="post-button-text">长文章</span> 
        </div>
        <div  className='post-button-icon-container'> 
          <EssayIcon className="post-button-icon" />
        </div>
      </button>
      <button className="post-button" onClick={onClick}>
        <div className='post-button-text-container'>
          <span className="post-button-text">图文</span> 
        </div>
        <div className='post-button-icon-container'>
          <PictureIcon className="post-button-icon" />
        </div>
        
      </button>
    </div>
    

  );
};

export default PostButton;
